<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>设备</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>

    <div>
        <div class="device-content">
            <header class="h-90">
                <h1 class="m-center text-center f-weight black-2 f-40">设备</h1>
            </header>
            <div class="flex fl-wrap block-list">
                <div class="block-icon">
                    <div class="flex f-weight j-s-b">
                        <p class="f-28 black-1">环境检测</p>
                        <p class="f-24 gray-90">客厅</p>
                    </div>
                    <div class="flex j-s-b al-center mt-40">
                        <img class="source" src="./images/furnishing_1.png" alt="">
                        <div class="f-weight">
                            <p class="f-50">52 <span class="blue-1 f-26">良</span></p>
                            <p class="f-24 gray-90">PM2.5/1h</p>
                        </div>
                    </div>
                </div>
                <div class="block-icon">
                    <div class="flex f-weight j-s-b">
                        <p class="f-28 black-1">智能插座</p>
                        <p class="f-24 gray-90">厨房</p>
                    </div>
                    <div class="flex j-s-b al-center mt-40">
                        <img class="source" src="./images/furnishing_2.png" alt="">
                        <div class="close-btn">
                            <img src="./images/close_2_icon.png" alt="">
                        </div>
                    </div>
                </div>
                <div class="block-icon">
                    <div class="flex f-weight j-s-b">
                        <p class="f-28 black-1">洗衣机</p>
                        <p class="f-24 gray-90">卫生间</p>
                    </div>
                    <div class="flex j-s-b al-center mt-40">
                        <img class="source" src="./images/furnishing_3.png" alt="">
                        <div class="f-weight">
                            <div class="close-btn">
                                <img src="./images/close_2_icon.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="block-icon">
                    <div class="flex f-weight j-s-b">
                        <p class="f-28 black-1">智能电视</p>
                        <p class="f-24 gray-90">客厅</p>
                    </div>
                    <div class="flex j-s-b al-center mt-40">
                        <img class="source" src="./images/furnishing_4.png" alt="">
                        <div class="f-weight">
                            <div class="close-btn">
                                <img src="./images/close_2_icon.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="block-icon">
                    <div class="flex f-weight j-s-b">
                        <p class="f-28 black-1">台灯</p>
                        <p class="f-24 gray-90">卧室</p>
                    </div>
                    <div class="flex j-s-b al-center mt-40">
                        <img class="source" src="./images/furnishing_5.png" alt="">
                        <div class="f-weight">
                            <div class="close-btn">
                                <img src="./images/close_2_icon.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="block-icon">
                    <div class="flex f-weight j-s-b">
                        <p class="f-28 black-1">微波炉</p>
                        <p class="f-24 gray-90">厨房</p>
                    </div>
                    <div class="flex j-s-b al-center mt-40">
                        <img class="source" src="./images/furnishing_6.png" alt="">
                        <div class="f-weight">
                            <div class="close-btn is-open">
                                <img src="./images/close_1_icon.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <!-- 底部tab -->
    <div class="footer fl-ar bg-black">
        <a href="./index.html">
            <img src="./images/home-n.png" alt="">
            <p>首页</p>
        </a>
        <a href="#">
            <img src="./images/shebei-a.png" alt="">
            <p class="blue-1">设备</p>
        </a>
        <a href="./mine.html">
            <img src="./images/wode-n.png" alt="">
            <p>我的</p>
        </a>
    </div>

</body>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</html>